HTML5 এ External এবং Internal Links হলো এমন লিঙ্ক যা ওয়েব পেজের মধ্যে নেভিগেশন এবং ব্যবহারকারীদের বিভিন্ন পেজ বা রিসোর্সে নিয়ে যেতে সাহায্য করে। এগুলো একটি ওয়েবসাইটের স্ট্রাকচার এবং নেভিগেশন সিস্টেম গঠনে গুরুত্বপূর্ণ ভূমিকা পালন করে। নিচে External এবং Internal Links সম্পর্কে বিস্তারিত আলোচনা করা হলো।
১. External Links
বর্ণনা:
- External Links এমন লিঙ্ক যা ব্যবহারকারীদের একটি ওয়েবসাইট থেকে অন্য একটি সম্পূর্ণ আলাদা ওয়েবসাইটে নিয়ে যায়।
- External Links সাধারণত একটি URL ব্যবহার করে গন্তব্য নির্ধারণ করে, যা নির্দিষ্ট ওয়েবসাইট বা ডোমেইনের সাথে যুক্ত থাকে।
External Link এর উদাহরণ:
<a href="https://www.example.com" target="_blank">Visit Example Website</a>
ব্যাখ্যা:
href="https://www.example.com": এখানে URL টি একটি এক্সটার্নাল ওয়েবসাইটে নির্দেশ করে, যা ব্যবহারকারীকে সম্পূর্ণ ভিন্ন ডোমেইনে নিয়ে যাবে।target="_blank": এটি লিঙ্কটি একটি নতুন ট্যাবে খুলবে, যা ইউজারের বর্তমান পেজটি বজায় রাখতে সাহায্য করে।
External Links এর ব্যবহার:
- এক পেজ থেকে অন্য পেজে বা অন্য ডোমেইনে রিসোর্স বা তথ্য প্রদান করতে।
- সোশ্যাল মিডিয়া পেজ, রেফারেন্স ওয়েবসাইট, বা থার্ড-পার্টি সার্ভিসে নেভিগেট করতে।
External Link এর নিরাপত্তা:
External Link ব্যবহার করলে নিরাপত্তা নিশ্চিত করতে কিছু অ্যাট্রিবিউট ব্যবহার করা হয়:
rel="noopener noreferrer": যখন একটি লিঙ্ক নতুন ট্যাবে খোলা হয়, এটি ব্যবহার করে রেফারার তথ্য গোপন রাখা হয় এবং নিরাপত্তা বজায় থাকে।
<a href="https://www.example.com" target="_blank" rel="noopener noreferrer">Secure External Link</a>
২. Internal Links
বর্ণনা:
- Internal Links এমন লিঙ্ক যা একই ওয়েবসাইটের বিভিন্ন পেজ বা সেকশনে নেভিগেট করে।
- Internal Links ব্যবহার করে একটি ওয়েবসাইটের স্ট্রাকচার এবং নেভিগেশন মেনু তৈরি করা যায়।
Internal Link এর উদাহরণ:
২.১ একটি পেজের মধ্যে অন্য পেজে লিঙ্ক করা
<a href="/about.html">About Us</a>
ব্যাখ্যা:
href="/about.html": এটি একই ওয়েবসাইটের/about.htmlপেজে নেভিগেট করে। এটি একটি ইন্টারনাল লিঙ্ক কারণ এটি একই ডোমেইনের মধ্যে থাকে।
২.২ একটি পেজের মধ্যে নির্দিষ্ট সেকশনে লিঙ্ক করা
<a href="#contact">Go to Contact Section</a>
<h2 id="contact">Contact Us</h2>
<p>Feel free to reach out to us!</p>
ব্যাখ্যা:
href="#contact": এটি একই পেজের একটি নির্দিষ্ট সেকশন নির্দেশ করে, যেখানেidঅ্যাট্রিবিউট ব্যবহার করে সেকশন চিহ্নিত করা হয়েছে।id="contact": যেখানে লিঙ্কটি নিয়ে যাবে, সেই সেকশনেরidনির্ধারণ করা হয়েছে।
Internal Links এর ব্যবহার:
- মেনু বা নেভিগেশন বার তৈরি করতে, যা একই ওয়েবসাইটের বিভিন্ন পেজ বা সেকশনে দ্রুত নেভিগেট করার সুযোগ দেয়।
- একই পেজের বিভিন্ন অংশে দ্রুত স্ক্রল করতে (যেমন, FAQ পেজে নির্দিষ্ট প্রশ্নে পৌঁছানো)।
Internal Link এর উদাহরণ:
<a href="/services.html">Our Services</a>
<a href="#top">Back to Top</a>
ব্যাখ্যা:
/services.htmlলিঙ্কটি একই ওয়েবসাইটের "Our Services" পেজে নেভিগেট করে।#topলিঙ্কটি একই পেজের উপরের দিকে স্ক্রল করে নিয়ে যায়, যেখানেid="top"পূর্বে সেট করা থাকতে হবে।
External এবং Internal Links এর পার্থক্য
| বৈশিষ্ট্য | External Link | Internal Link |
|---|---|---|
| গন্তব্য | অন্য ওয়েবসাইট বা ডোমেইন | একই ওয়েবসাইটের পেজ বা সেকশন |
| URL ফরম্যাট | https://www.example.com | /about.html বা #section |
| নতুন ট্যাবে খোলা | সাধারণত _blank ব্যবহার করে | সাধারণত একই ট্যাবে খোলা হয় |
| ব্যবহার | রেফারেন্স, সোশ্যাল মিডিয়া, থার্ড-পার্টি সার্ভিস | মেনু, নেভিগেশন বার, ইন্টারনাল নেভিগেশন |
- External Links ব্যবহার করা হয় যখন ইউজারদের অন্য একটি ডোমেইনে বা এক্সটার্নাল রিসোর্সে নিয়ে যাওয়ার প্রয়োজন হয়।
- Internal Links ব্যবহার করা হয় ওয়েবসাইটের অভ্যন্তরীণ নেভিগেশন সিস্টেম তৈরি করতে এবং ব্যবহারকারীদের একই ওয়েবসাইটের বিভিন্ন পেজ বা সেকশনে দ্রুত পৌঁছাতে সাহায্য করে।
Content added By
Read more
